<div class="row row-cards row-deck">
  <div class="col-12">
    <div class="card">
      <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
        <thead>
          <tr>
            <th>客服对话编号</th>
            <th>咨询客户</th>
            <th>客户电话</th>
            <th class="text-center">
            </th>
          </tr>
        </thead>
        <tbody>
          <% @shop_chats.each do |shop_chat| %>
            <tr>
              <td>
                <div><%= shop_chat.id %></div>
                <div class="small text-muted">
                  <%= formattime(shop_chat.created_at, unit: "hour") %>
                </div>
              </td>
              <td>
                <div><%= shop_chat.user.nickname %></div>
              </td>
              <td>
                <div><%= shop_chat.user.phone %></div>
              </td>
              <td class="text-center">
                <div class="item-action dropdown">
                  <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
                  <div class="dropdown-menu dropdown-menu-right">
                    <a href="<%= shop_shop_chat_chat_windows_path(shop_chat) %>" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> 查看 </a>
                  </div>
                </div>
              </td>
            </tr>
          <% end %>
        </tbody>
      </table>
      <div class="card-footer">
        <%= paginate @shop_chats %>
      </div>
    </div>
  </div>
</div>